*{
    margin:0px;
    padding:0px;
}


div.header_1{
   border:1px solid #cdcdcd;
   width:300px;
   height:60px;
   margin:50px auto;
}
div.header_1 h1{
    background:#fff;
    width:150px;
    margin:-20px auto;
    text-align:center;
    font-size:25px;
}

div.list_main{
    width:1890px;
    height:760px;
    margin:0 auto;
    background:mediumorchid;
}

div .main{
    width:620px;
    height:370px;
    background:url(../images/img1.jpg);
    float:left;
    margin:5px 0 0 0px;
    position:relative;
}

div .small_main{
    width:620px;
    height:370px;
    background:red;
    position:absolute;
    left:0px;
    top:0px;
    opacity:0.5;
    transform:scaleX(0.00001);
    transition:all 500ms linear ;
}

 div .main h2{
   color:#fff;
   position:absolute;  
   top:70px;
   left:185px;
   z-index:3;

} 
 div .main p{
    color:#fff;
    position:absolute;
    top:150px;
    left:100px;
    display:none;
} 

h2::after{
    content:"";
    position:absolute;
    top:33px;
    left:-3px;
    width:50px;
    height:6px;
    background:red;
}




